<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>高德地图测试</title>
    <style>
        #container {
            width: 100%;
            height: 400px;
            border: 1px solid #ccc;
        }
    </style>
</head>
<body>
    <h1>高德地图测试</h1>
    <div id="container"></div>
    
    <script src="https://webapi.amap.com/maps?v=1.4.15&key=93a2bc421fe24dc7e31c71276380b0b3&plugin=AMap.Scale,AMap.OverView,AMap.ToolBar,AMap.MapType"></script>
    <script>
        // 创建地图实例
        var map = new AMap.Map('container', {
            zoom: 5,
            center: [104.066, 30.572], // 中国中心点
            mapStyle: 'amap://styles/normal'
        });

        // 添加标记
        var marker = new AMap.Marker({
            position: [116.39, 39.9], // 北京
            title: '北京'
        });

        map.add(marker);
        
        console.log('高德地图测试页面加载成功');
    </script>
</body>
</html>
